@function vw($px) {
  @return ($px/720)*100vw;
  // 量出来 $px  设计稿 721
}

.content {

  .search_bg {
    // position: fixed;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: vw(20) vw(18);
    height: vw(98);
    background-color: #211d1c;
    z-index: 99;

    .search {
      display: flex;
      display: -webkit-flex;
      justify-content: flex-start;
      align-items: center;
      width: vw(614);
      height: vw(60);
      border: 1px solid #fff;
      border-radius: vw(40);

      .pic {
        padding: vw(12);
        width: vw(60);
        height: vw(60);

        >img {
          width: 100%;
          height: 100%;
        }
      }

      input {
        padding-left: vw(18);
        width: vw(554);
        height: vw(60);
        line-height: vw(60);
        background-color: transparent;
        font-size: vw(24);
        color: #808080;
        outline: none;
        border: none;
      }
    }

    .text {
      p {
        font-size: vw(24);
        color: #fff;
      }
    }
  }
}